<include file="header2"/>
<div class="wraper">
    <header class="text-center font-white font-16">
        <div class="back iconfont icon-back"></div>
        公车预约
    </header>
    <div class="tab text-center">
        <div class="tab-list actived">
            <p>待审核</p>
        </div>
        <div class="tab-list">
            <p>已审核</p>
        </div>
    </div>
    <div class="contain">
        <if condition="$info neq ''">
        <!--有记录-->
        <volist name="info" id="vo">
            <a href="/base/OfficialCar/audited/order_id/{BEESCRM:$vo.order_id}/conf_id/{BEESCRM:$conf_id}" class="main show">
                <div class="box dashed_line">
                    <div class="list clearfix">
                        <p class="left_text font-gray2 pull-left">上车地点</p>
                        <p class="left_right font-gray pull-left">{BEESCRM:$vo.user_location}</p>
                    </div>
                    <div class="list clearfix">
                        <p class="left_text font-gray2 pull-left">目的地</p>
                        <p class="left_right font-gray pull-left">{BEESCRM:$vo.user_destinction}</p>
                    </div>
                    <div class="list clearfix">
                        <p class="left_text font-gray2 pull-left">用车时间</p>
                        <p class="left_right font-gray pull-left">{BEESCRM:$vo.car_start_time|date='Y-m-d H:i:s',###}</p>
                    </div>
                </div>
                <div class="box">
                    <div class="circle circle1"></div>
                    <div class="circle circle2"></div>
                    <div class="list flex">
                        <div class="font-red">待审核</div>
                        <div class="iconfont icon-left font-gray"></div>
                    </div>
                </div>
            </a>
        </volist>
        <else/>
            <!--无记录-->
            <div>
                <div class="none">
                    <img src="/assets/base/officialcar/images/none.png" alt="">
                </div>
                <p class="text-center font-gray">暂无记录</p>
            </div>
        </if>
    </div>
    <div class="contain hide">
        <if condition="$data neq ''">
        <!--有记录-->
        <volist name="data" id="v">
            <if condition="$v.status eq 8">
                <a href="/base/OfficialCar/pass/order_id/{BEESCRM:$v.order_id}/conf_id/{BEESCRM:$conf_id}" class="main show">
                    <div class="box dashed_line">
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">上车地点</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.user_location}</p>
                        </div>
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">目的地</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.user_destinction}</p>
                        </div>
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">用车时间</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.car_start_time|date='Y-m-d H:i:s',###}</p>
                        </div>
                    </div>
                    <div class="box">
                        <div class="circle circle1"></div>
                        <div class="circle circle2"></div>
                        <div class="list flex">
                            <div class="font-blue">{BEESCRM:$status[$v['status']]}</div>
                            <div class="iconfont icon-left font-gray"></div>
                        </div>
                    </div>
                </a>
            <else/>
                <a href="/base/OfficialCar/noaudited/order_id/{BEESCRM:$v.order_id}/conf_id/{BEESCRM:$conf_id}" class="main show">
                    <div class="box dashed_line">
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">上车地点</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.user_location}</p>
                        </div>
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">目的地</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.user_destinction}</p>
                        </div>
                        <div class="list clearfix">
                            <p class="left_text font-gray2 pull-left">用车时间</p>
                            <p class="left_right font-gray pull-left">{BEESCRM:$v.car_start_time|date='Y-m-d H:i:s',###}</p>
                        </div>
                    </div>
                    <div class="box">
                        <div class="circle circle1"></div>
                        <div class="circle circle2"></div>
                        <div class="list flex">
                            <div class="font-blue">{BEESCRM:$status[$v['status']]}</div>
                            <div class="iconfont icon-left font-gray"></div>
                        </div>
                    </div>
                </a>
            </if>

        </volist>
        <else/>
        <!--无记录-->
        <div>
            <div class="none">
                <img src="/assets/base/officialcar/images/none.png" alt="">
            </div>
            <p class="text-center font-gray">暂无记录</p>
        </div>
        </if>
    </div>
</div>
<script src="/assets/base/officialcar/js/jquery-2.1.0.min.js"></script>
<script>
    $(function () {
        $('.tab').on('click', '.tab-list', function () {
            var idx = $(this).index();
            $('.contain').eq(idx).removeClass('hide').siblings('.contain').addClass('hide');
            $(this).addClass('actived').siblings('.tab-list').removeClass('actived');
        })
    });
</script>
<include file="footer"/>
